/*Styles for the pop-up date chooser*/

img.calendar {
	cursor: pointer;
	margin: 0;
	vertical-align: top;
}

.dataselect img.calendar {
	margin: -1px 0 0 2px;
}

.reading.date img.calendar {
	margin-top: -2px;
}

a.calendar + label[for='todates'] {
	margin-left:0.5em;
}

#calendar {
	width : 180px;
}

#calendar table {
	border-collapse:separate;
	border-width: 1px;
	border-style: solid;
	border-spacing: 1px;
	width : 180px;
}

#calendar table td {
	border-width:0;
	padding : 0 5px;
	position: relative;
	text-align : center;
}

#calendar table td.today {
	font-weight:bold;
}

*:lang(en) #calendar table td {
	font-size : 1.4em;
}

#calendar table td.null {
	cursor : default;
}

#calendar table td.hdr {
	text-align : center;
	color : white;
	font-weight : bold;
}

#calendar table td a,
#calendar table td a:hover {
	text-decoration: none;
}

#calendar table td span.clearlabel {
	max-height: 1.2rem;
	max-width: 1.2rem;
	overflow: hidden;
	position: relative !important;
}

.calendar table td.calprev a:after {
	content: "<";
}

.calendar table td.calnext a:after {
	content: ">";
}

#pagecalendar {
	border-style: solid;
	border-radius: 4px 4px 4px 4px;
	border-width: 1px;
	font-size: 1.2em;
	line-height: 1.2em;
	width: 340px;
}

#pagecalendar,
#pagecalendar * {
	float: left;
}

#pagecalendar > div * {
	display: inline-block;
	text-align: center;
}

#pagecalendar .ctrlrow,
#pagecalendar .daysrow {
	font-weight: bold;
}

#pagecalendar .ctrlrow .ctrl {
	width: 14%;
}

#pagecalendar .ctrlrow .hdr {
	width: 72%;
}

#pagecalendar .daysrow .hdr {
	width: 14%;
	box-sizing:border-box;
}

#pagecalendar .daysrow .hdr:nth-child(2),
#pagecalendar .daysrow .hdr:nth-child(6),
#pagecalendar .weekrow div:nth-child(2),
#pagecalendar .weekrow div:nth-child(6) {
	width: 15%;
}

#pagecalendar .weekrow {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#pagecalendar .weekrow div {
	border-left-style: solid;
	border-left-width: 1px;
	padding: 0 5px;
	width: 14%;
	box-sizing:border-box;
}

#pagecalendar a {
	text-decoration: none;
	width: 100%;
}

#pagecalendar .EditData,
#pagecalendar .ReadOnlyData {
	font-weight: bold;
}

#pagecalendar .ReadOnlyData, 
#pagecalendar .null {
	cursor: default;
}

#pagecalendar .NoData,
#pagecalendar .EditData,
#pagecalendar .ctrl {
	cursor: pointer;
}